<%@page pageEncoding="utf-8"%>
<!doctype html>
<html lang="zh-cn" ng-app="app">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">

		<script type="text/javascript" src="${pageContext.request.contextPath}/js/template.js">
</script>
		<title>动态详情</title>
		<style type="text/css">
body,div,p {
	margin: 0px;
	padding: 0px;
}

._wrappage {
	font-family: '微软雅黑';
	margin: 45px auto 0;
}

.informations {
	padding: 10px 3%;
	line-height: 30px;
	background: #ffffff;
	margin: 5px 0;
	font-size: 12px;
}

.informations span {
	color: #818181;
}

@media ( min-width : 320px) {
	.informations img {
		width: 140px;
		height: 140px;
	}
}

@media ( min-width : 360px) {
	.informations img {
		height: 158px;
		width: 158px;
	}
}

.informations p {
	color: #818181;
}

.author {
	float: right;
	margin-right: 20px;
	margin-bottom: 20px;
}

.headImg {
	width: 20px;
	height: 20px;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #c3c3c3;
	border-radius: 5px;
}

.comments {
	clear: both;
	padding: 10px 3%;
	line-height: 30px;
	background: #ffffff;
	margin: 15px 0px 10px 0;
	font-size: 12px;
	padding: 10px 3%;
	border-top: 1px dashed #ccc;
}

.comments .comments-content {
	margin: 0px 0px 0px 22px;
}

.comments .comments-reply {
	margin: 0px 0px 0px 32px;
}

.comments .comments-author {
	float: left;
}

.comments-content p {
	display: inline;
	color: #000;
}

.comments-op {
	float: right;
	margin-right: 20px;
}

.comments-op .time {
	color: #000;
}

.comments-content,.comments-reply a {
	text-decoration: none;
	color: #5d7895;
}
</style>
	</head>
	<body>
		<div style="" class="_wrappage" id="detailHtml">
			
		</div>


<script id="detailTpl" type="text/html">
            <div class="informations">
			{{text}}
			</div>
			<div class="informations">
			{{each imgs as dyimg i}}
			<img class="p-pic" onerror="javascript:this.src='/dewei/bettery/img/logo2.jpg'" 
			src="{{dyimg.imgUrl}}">
			{{/each}}
			</div>

			<div class="author">
				<img class="headImg" onerror="javascript:this.src='/dewei/bettery/img/logo2.jpg'" 
			    src="{{imgUrl}}">
			<span>{{nickName}}--{{createTime}}</span>
			</div>

			{{each comments as comment j}}
			<div class="comments">
				<div class="comments-author">
					<img class="headImg" onerror="javascript:this.src='/dewei/bettery/img/logo2.jpg'" 
					src="{{comment.imgUrl}}">
				
				</div>
				<div class="comments-content">
					<a>{{comment.createNick}}:</a>
					<p>
						{{comment.comments}}
					</p>
					<div class="comments-op">
						<span class="time">{{comment.createTime}}</span>
					</div>
				</div>
				{{each comment.replys as oreply k}}
				<div class="comments-reply">
					<a>{{oreply.replyNick}}</a> 回复
					<a>{{oreply.targetNick}}</a>
					</a>&nbsp; :{{oreply.reply}}
					<div class="comments-op">
						<span class=" ui-mr10 state">{{oreply.createTime}}</span>
					</div>
				</div>
				{{/each}}
			</div>
			{{/each}}
</script>

<script type="text/javascript">
var json = ${modelJson};
if(null!=json)
{
	var html = template('detailTpl', json);
	document.getElementById('detailHtml').innerHTML = html;
}
</script>
	</body>
</html>
